<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<html>
<head>
<meta charset="utf-8"> 
    <title>导航</title>
 <script src="js/jquery-1.10.2.min.js" type="text/javascript" charset="utf-8"></script>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="css/zui.min.css">
<link rel="stylesheet" type="text/css" href="layui-v2.5.6/layui/css/layui.css"/>
<link rel="stylesheet" href="css/style.css">
<script src="js/zui.min.js"></script>
<script src="layui-v2.5.6/layui/layui.all.js" type="text/javascript" charset="utf-8"></script>

<link rel="stylesheet" href="css/zplayer.min.css" />

</head>
<script type="text/javascript">
		$(function() {
			 $.ajax({
             type: "post",
             url: "servlet/Navigation",
             data: {"order":"sel"},
             dataType: "json",
             success: function(data){
              		 $.each(data, function(i) {   
              		  $(".mb-2 #"+data[i].id).attr("target","_blank");//a标签添加跳转样式
                      $(".mb-2 #"+data[i].id).attr("href",data[i].url);
                      $(".mb-2 #"+data[i].id).text(data[i].name);
              		 });
                     }
        			 });
		});		
	</script>

<body >

		<div id="background" class="wall"></div>
		<div id="midground" class="wall"></div>
		<div id="foreground" class="wall"></div>
		<div id="top" class="wall"></div>
		
	
<div id="content" data-customize="true" data-customtheme="true" class="default-bg">
<div class="main-index">

<div class="container content-box">
<div class="content" id="moshu"></div>

	<section class="sousuo">
	  <div class="search">
		<div class="search-box">
		  <img class="search-icon" src="images/logo.jpg">
		  <input type="text" id="txt" class="search-input" placeholder="搜索一下，你还不知道？">
		  <button class="search-btn visible-sm visible-md visible-lg" id="search-btn">搜索</button>
		  <i class="search-clear icon icon-remove-sign" style="display: none;"></i>
		</div>
		<!-- 搜索热词 -->
		<div class="box search-hot-text" id="box" style="display: none;">
		  <ul></ul>
		</div>
		<!-- 搜索引擎 -->
		<div class="search-engine" style="display: none;">
		  <div class="search-engine-head">
			<strong class="search-engine-tit">选择默认搜索引擎：</strong>
			<div class="search-engine-tool">搜索热词： <span id="hot-btn" class="off"></span></div>
		  </div>
		  <ul class="search-engine-list">
		  </ul>
		</div>
	  </div>
	</section>
	
		<div class="row dh">
			<!-- 专业 -->
			<div class="col-sm-6 col-md-4 mb-3 dh">
				<div class="row">
					<div class="col-xs-12"><strong class="dhname" id="1">常用</strong></div>
								<div class="col-xs-4 mb-2">
									<a href="#"  id="01">待添加</a>
								</div>
								<div class="col-xs-4 mb-2">
									<a href="#"  id="02">待添加</a>
								</div>
							
								<div class="col-xs-4 mb-2">
									<a href="#"  id="03">待添加</a>
								</div>
								<div class="col-xs-4 mb-2">
									<a href="#"  id="04">待添加</a>
								</div>
							
								<div class="col-xs-4 mb-2">
									<a href="#"  id="05">待添加</a>
								</div>
								<div class="col-xs-4 mb-2">
									<a href="#"  id="06">待添加</a>
								</div>
							
								<div class="col-xs-4 mb-2">
									<a href="#"  id="07">待添加</a>
								</div>
								<div class="col-xs-4 mb-2">
									<a href="#"  id="08">待添加</a>
								</div>
								<div class="col-xs-4 mb-2">
									<a href="#"  id="09">待添加</a>
								</div>
							</div>
					
					</div>
			<div class="col-sm-6 col-md-4 mb-3 dh">
				<div class="row">
					<div class="col-xs-12"><strong class="dhname" id="1">常用</strong></div>
					
					<div class="col-xs-4 mb-2">
							<a href="#"  id="10">待添加</a>
						</div>
						<div class="col-xs-4 mb-2">
							<a href="#"  id="11">待添加</a>
						</div>
					
						<div class="col-xs-4 mb-2">
							<a href="#"  id="12">待添加</a>
						</div>
						<div class="col-xs-4 mb-2">
							<a href="#"  id="13">待添加</a>
						</div>
					
						<div class="col-xs-4 mb-2">
							<a href="#"  id="14">待添加</a>
						</div>
						<div class="col-xs-4 mb-2">
							<a href="#"  id="15">待添加</a>
						</div>
					
						<div class="col-xs-4 mb-2">
							<a href="#"  id="16">待添加</a>
						</div>
						<div class="col-xs-4 mb-2">
							<a href="#"  id="17">待添加</a>
						</div>
						<div class="col-xs-4 mb-2">
							<a href="#"  id="18">待添加</a>
						</div>
					</div>
					
			</div>
			<div class="col-sm-6 col-md-4 mb-3 dh">
				<div class="row">
					<div class="col-xs-12"><strong class="dhname" id="1">模板专区</strong></div>
				
				<div class="col-xs-4 mb-2">
						<a href="#"  id="19">待添加</a>
					</div>
					<div class="col-xs-4 mb-2">
						<a href="#"  id="20">待添加</a>
					</div>
				
					<div class="col-xs-4 mb-2">
						<a href="#"  id="21">待添加</a>
					</div>
					<div class="col-xs-4 mb-2">
						<a href="#"  id="22">待添加</a>
					</div>
				
					<div class="col-xs-4 mb-2">
						<a href="#"  id="23">待添加</a>
					</div>
					<div class="col-xs-4 mb-2">
						<a href="#"  id="24">待添加</a>
					</div>
				
					<div class="col-xs-4 mb-2">
						<a href="#"  id="25">待添加</a>
					</div>
					<div class="col-xs-4 mb-2">
						<a href="#"  id="26">待添加</a>
					</div>
					<div class="col-xs-4 mb-2">
						<a href="#"  id="27">待添加</a>
					</div>
				</div>
				
				</div>
			</div>
			<div class="col-sm-6 col-md-4 mb-3 dh">
				<div class="row">
					<div class="col-xs-12"><strong class="dhname" id="1">视频</strong></div>
					<div class="col-xs-4 mb-2">
							<a href="#"  id="28">待添加</a>
						</div>
						<div class="col-xs-4 mb-2">
							<a href="#"  id="29">待添加</a>
						</div>
					
						<div class="col-xs-4 mb-2">
							<a href="#"  id="30">待添加</a>
						</div>
						<div class="col-xs-4 mb-2">
							<a href="#"  id="31">待添加</a>
						</div>
					
						<div class="col-xs-4 mb-2">
							<a href="#"  id="32">待添加</a>
						</div>
						<div class="col-xs-4 mb-2">
							<a href="#"  id="33">待添加</a>
						</div>
					
						<div class="col-xs-4 mb-2">
							<a href="#"  id="34">待添加</a>
						</div>
						<div class="col-xs-4 mb-2">
							<a href="#"  id="35">待添加</a>
						</div>
						<div class="col-xs-4 mb-2">
							<a href="#"  id="36">待添加</a>
						</div>
					</div>
				</div>
			
			<div class="col-sm-6 col-md-4 mb-3 dh">
				<div class="row">
					<div class="col-xs-12"><strong class="dhname" id="1">日常论坛区</strong></div>
					<div class="col-xs-4 mb-2">
							<a href="#"  id="37">待添加</a>
						</div>
						<div class="col-xs-4 mb-2">
							<a href="#"  id="38">待添加</a>
						</div>
					
						<div class="col-xs-4 mb-2">
							<a href="#"  id="39">待添加</a>
						</div>
						<div class="col-xs-4 mb-2">
							<a href="#"  id="40">待添加</a>
						</div>
					
						<div class="col-xs-4 mb-2">
							<a href="#"  id="41">待添加</a>
						</div>
						<div class="col-xs-4 mb-2">
							<a href="#"  id="42">待添加</a>
						</div>
					
						<div class="col-xs-4 mb-2">
							<a href="#"  id="43">待添加</a>
						</div>
						<div class="col-xs-4 mb-2">
							<a href="#"  id="44">待添加</a>
						</div>
						<div class="col-xs-4 mb-2">
							<a href="#"  id="45">待添加</a>
						</div>
					</div>
				</div>
			
			<div class="col-sm-6 col-md-4 mb-3 dh">
				<div class="row">
					<div class="col-xs-12"><strong class="dhname" id="1">实用</strong></div>
					<div class="col-xs-4 mb-2">
							<a href="#"  id="46">待添加</a>
						</div>
						<div class="col-xs-4 mb-2">
							<a href="#"  id="47">待添加</a>
						</div>
					
						<div class="col-xs-4 mb-2">
							<a href="#"  id="48">待添加</a>
						</div>
						<div class="col-xs-4 mb-2">
							<a href="#"  id="49">待添加</a>
						</div>
					
						<div class="col-xs-4 mb-2">
							<a href="#"  id="50">待添加</a>
						</div>
						<div class="col-xs-4 mb-2">
							<a href="#"  id="51">待添加</a>
						</div>
					
						<div class="col-xs-4 mb-2">
							<a href="#"  id="52">待添加</a>
						</div>
						<div class="col-xs-4 mb-2">
							<a href="#"  id="53">待添加</a>
						</div>
						<div class="col-xs-4 mb-2">
							<a href="#"  id="54">待添加</a>
						</div>
					</div>
					
				</div>
			</div>
				</div>
			</div>
		</div>
</div>


</div>
</div>

<div id="get-top" title="回到顶部" style="display: none;"><i class="icon icon-arrow-up"></i></div>
<script src="js/js.js"></script>

<script type="text/javascript" src="js/zplayer.min.js" ></script>
<div id="player"></div>
</body>


</html>